<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>华北空管局培训中心教学管理系统</title>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./static/css/font.css">
		<link rel="stylesheet" href="static/css/weadmin.css">
		<link rel="stylesheet" href="static/css/personInfo.css" />
		<link rel="stylesheet" type="text/css" href="lib/layui/css/layui.css" />
	</head>
	<style>
		html {
			width: 100%;
			margin: 0 auto;
			box-sizing: border-box;
			border-top: 0;
			color: #000000;
		}
		.layui-form-pane .layui-input{
			font-size: 0.95rem;
		}
		.layui-form-pane .layui-form-label{
			font-size: 0.95rem;
		}
		body {
			width: 95%;
			margin: 0 auto;
			padding: 0;
			font-size: 18px;
			padding-left: 15px;
			padding-bottom: 15px;
		}
		
		body::-webkit-scrollbar {
			display: none
		}
		
		* {
			margin: 0;
			padding: 0;
			-webkit-overflow-scrolling: touch
		}
		
		ul,
		li {
			list-style: none
		}
		
		.tabClick {
			background: #f3f3f3;
			overflow: hidden
		}
		
		.tabClick li {
			height: 40px;
			line-height: 40px;
			width: 50%;
			float: left;
			text-align: center
		}
		
		.tabClick li.active {
			color: #099;
			transition: 0.1s;
			font-weight: bold
		}
		
		.tabCon {
			overflow: hidden
		}
		
		.tabBox {
			position: relative
		}
		
		.tabList {
			word-break: break-all;
			width: 100%;
			float: left;
			line-height: 40px;
			text-align: center;
			color: #D3D3D3;
			font-size: 36px;
			font-family: "Arial Black"
		}
		
		.lineBorder {
			height: 2px;
			overflow: hidden;
			border-bottom: 1px solid #099;
			background: #f3f3f3
		}
		
		.lineDiv {
			background: #099;
			height: 2px;
			width: 50%;
		}
		
		.layui-form {
			width: 98%;
			margin: 0;
		}
		
		.layui-laypage-skip,
		.layui-laypage-count {
			display: none !important;
		}
		
		.layui-laypage-limits {
			display: none!important;
		}
		
		.layui-table-body,
		. layui-table-main {
			height: 340px !important;
		}
		.layui-form-select dl dd.layui-this{
			background-color: #009688!important;
		}
		.layui-form-select dl dt, .layui-form-select dl dd{
			font-size: 16px!important;
		}
	</style>

	<style type="text/css">
		.personInfo {
			width: 100%;
			padding-top: 15px
		}
		
		.personInfo::-webkit-scrollbar {
			display: none
		}
		
		.form-wrapper {
			width: 100%
		}
		
		.layui-form {
			width: 100%
		}
		
		.layui-input {
			width: 95%;
			border-radius: 10px;
		}
		
		.demo {
			width: 100%;
			height: 100%;
			position: relative
		}
		
		.demo-bg {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 0;
			width: 100%;
			height: 671px;
			background-color: rgba(0, 0, 0, 0.4);
			display: none
		}
		
		#button {
			width: 70px;
			height: 30px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			background: yellow;
			margin: 20px 0 0 40px;
			position: relative;
			border: 0;
			box-shadow: 2px 2px 10px red;
			-webkit-box-shadow: 2px 2px 10px red;
			-moz-box-shadow: 2px 2px 10px red
		}
		
		.demo-txt {
			position: relative;
			z-index: 1;
			color: #000;
			background: white;
			width: 30%;
			height: 200px;
			margin: auto;
			padding: auto;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			display: none;
			padding: 10px;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px
		}
		
		#btn {
			float: right
		}
		/*.layui-form-pane .layui-form-label{font-size:14px}
		.layui-form-pane .layui-input{font-size:14px}*/
		
		.layui-radio-disbaled>i {
			color: #808080!important
		}
		
		.layui-form-radio {
			color: #808080;
			width: 20% !important;
		}
		
		.personInfo {
			-webkit-overflow-scrolling: touch
		}
		
		.txt {
			width: 20%;
			float: left;
			font-size: 0.8rem;
			line-height: 40px;
		}
		
		.layui-unselect {
			float: left;
			width: 80%;
			margin: 0;
		}
		
		.layui-table-view {
			width: 95%;
		}
		
		label {
			color: #000000;
		}
		
		.layui-edge {
			display: none;
		}
		/*.layui-laypage {*/
		/*display: none;*/
		/*}*/
		
		.layui-inline {
			width: 100%;
			background: green;
		}
		
		.txt {
			font-size: 0.95rem;
		}
		
		.layui-table-cell {
			font-size: 0.95rem !important;
		}
		
		.layui-form-select .layui-input {
			font-size: 0.95rem;
		}
	</style>

	<style>
		* {
			margin: 0;
			padding: 0
		}
		
		ul {
			list-style: none;
		}
		
		.tab {
			width: 100%;
			margin: 0 auto;
		}
		
		.tab .tab_menu {
			height: 40px;
			width: 100%;
		}
		
		.tab .tab_menu ul li {
			float: left;
			width: 30%;
			text-align: center;
			line-height: 40px;
			background-color: #009688;
			color: #ffffff;
			margin-left: 2.5%;
		}
		
		.tab .tab_menu ul li:last-child {
			border-right: none;
			width: 30%;
		}
		
		.tab .tab_menu ul li.on {
			background: #999;
			color: #fff;
		}
		
		.tab .tab_box>div {
			width: 100%;
			display: none;
		}
		
		.tab .tab_box>div:first-child {
			display: block;
		}
	</style>
	<style>
		* {
			margin: 0;
			padding: 0
		}
		
		ul {
			list-style: none;
		}
		
		.tab {
			width: 100%;
			margin: 0 auto;
		}
		
		.tab .tab_menu {
			height: 40px;
			width: 100%;
		}
		
		.tab .tab_menu ul li {
			float: left;
			width: 48%;
			text-align: center;
			line-height: 40px;
			background-color: #009688;
			color: #ffffff;
			margin-left: 0.8%;
		}
		
		.tab .tab_menu ul li:last-child {
			border-right: none;
			width: 48%;
		}
		
		.tab .tab_menu ul li.on {
			background: #999;
			color: #fff;
		}
		
		.tab .tab_box>div {
			width: 100%;
			display: none;
		}
		
		.tab .tab_box>div:first-child {
			display: block;
		}
		.layui-table>thead span{
			font-size: 16px!important;
		}
	</style>

	<body>
		<div class="tab">

			<div class="tab_menu">
				<ul>
					<li >培训记录</li>
					<li class="on">个人中心</li>
				</ul>
			</div>

			<div class="tab_box">
				<div class="aaa" style="display: block;">
					<div class="layui-tab userWrap layui-container" style="color: #000000; margin: 0; padding: 0;margin-top: 20px">
						<form action="" class="layui-form">
							<div style="height: 50px;">
								<div class="txt">课程类型:</div>
								<select name="type" class="layui-input type" lay-filter="pid">
									<!--<option value="">请选择课程类型</option>-->
									<option value="0">模拟机课</option>
									<option value="1" selected>理论课</option>
								</select>
							</div>
							<div style="height: 50px;">
								<div class="txt">培训类别:</div>
								<select class="layui-input trainingType" name="trainingType" id="trainingType">
									<option value="">请选择培训类别</option>
									<option value="0">岗前培训</option>
									<option value="1">岗位培训</option>
									<option value="2">复习</option>
									<option value="3">熟练</option>
									<option value="4">附加</option>
									<option value="5">补习</option>
									<option value="6">追加</option>
								</select>
							</div>

							<div style="height: 50px;">
								<div class="txt">培训科目:</div>
								<select name="theoryType" class="layui-input theoryType" id="leix">
									<option value="" selected>请选择培训科目</option>
									<option value="0">雷达管制理论</option>
									<option value="1">机场管制理论</option>
									<option value="2">程序管制理论</option>
									<option value="3">空管基础理论</option>
									<!--<option value="6">机场管制模拟机</option>
								<option value="7">程序管制模拟机</option>
								<option value="8">雷达管制模拟机</option>-->
								</select>
							</div>

							<div style="height: 50px;">
								<div class="txt"> 开始时间:</div>
								<input type="text" name="startTime" autocomplete="off" placeholder="请选择开始时间" class="layui-input startTime shijian" style="width: 64%; font-size: 0.95rem">
							</div>
							<div style="height: 50px;">
								<div class="txt"> 结束时间:</div>
								<input type="text" name="endTime" autocomplete="off" placeholder="请选择结束时间" class="layui-input endTime shijian" style="width: 64%; font-size: 0.95rem">
							</div>

						</form>

						<div class="layui-show-lg-block" style="padding-left: 4%;">
							<button class="layui-btn startSearch" lay-submit="" lay-filter="sreach" style="margin-bottom: 20px"><i class="layui-icon">&#xe615;</i>开始查询</button>
							<!--<div id="fy" style="height: 100px;"> 12334345678</div>-->

						</div>
						<table id="tlihunRest" lay-filter="tlihunRest" style="margin-left: 2%;"></table>
					</div>
				</div>

				<div class="aaa" style="display: none;">
					<div class="personInfo" style="padding: 0;" style="color: #000000;">
						<div class="regist-h2" style="">
							<div class="form-wrapper">
								<form class="layui-form layui-form-pane personInfo-cen-fom" action="" name="infoForm" style="border:none;margin-top: 15px">
									<!--姓名-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>姓名</label>
										<div class="layui-input-block">
											<input type="text" name="name" disabled="disabled" value='' placeholder="请输入姓名" autocomplete="off" class="layui-input personInfo-inp name">
										</div>
									</div>
									<!--年龄-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>年龄</label>
										<div class="layui-input-block">
											<input type="text" disabled="disabled" name="age" required placeholder="请输入年龄" autocomplete="off" class="layui-input  age">
										</div>
									</div>
									<!--性别-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>性别</label>
										<div class="layui-input-block personInfo-cen-blo">
											<input disabled="disabled" type="radio" name="gender" value="0" title="男" class="gender" style="float: left; width: 50px;">
											<input disabled="disabled" type="radio" name="gender" value="1" title="女" checked class="gender" style="float: left; width: 50px;">
										</div>
									</div>
									<!--出生年月-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>出生年月</label>
										<div class="layui-input-block">
											<input type="text" disabled="disabled" name="birthday" placeholder="请输入出生年月" autocomplete="off" class="layui-input personInfo-inp birthday">
										</div>
									</div>
									<!--最高学历-->
									<div class="layui-form-item">
										<label class="layui-form-label">最高学历</label>
										<div class="layui-input-block ">
											<input type="text" name="educationHighest" value='' placeholder="请输入最高学历" autocomplete="off" class="layui-input personInfo-inp educationHighest">
										</div>
									</div>
									<!--专业-->
									<div class="layui-form-item">
										<label class="layui-form-label">专业</label>
										<div class="layui-input-block">
											<select type="text" name="profession" value='' placeholder="请输入专业" autocomplete="off" class="layui-input personInfo-inp profession" style="width: 248px;">
												<option value="">请选择专业</option>
												<option value="0">管制</option>
												<option value="1">气象</option>
												<option value="2">通导</option>
											</select>
										</div>
									</div>
									<!--类别-->
									<div class="layui-form-item">
										<label class="layui-form-label">类别</label>
										<div class="layui-input-block">
											<select type="text" name="category" value='' placeholder="请输入类别" autocomplete="off" class="layui-input personInfo-inp category">
												<option value="">请选择专业</option>
												<option value="0">内部</option>
												<option value="1">外部</option>
												<option value="2">特聘</option>
												<option value="3">专职</option>
											</select>
										</div>
									</div>
									<!--人员编号-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>人员编号</label>
										<div class="layui-input-block ">
											<input type="text" name="personNumber" value='' placeholder="请输入人员编号" autocomplete="off" class="layui-input personInfo-inp personNumber" lay-verify="personNumber">
										</div>
									</div>
									<!--授课资质-->
									<div class="layui-form-item">
										<label class="layui-form-label">授课资质</label>
										<div class="layui-input-block ">
											<input type="text" name="teachingQualifications" value='' placeholder="请输入授课资质" autocomplete="off" class="layui-input personInfo-inp teachingQualifications">
										</div>
									</div>
									<!--评聘时间-->
									<div class="layui-form-item">
										<label class="layui-form-label">评聘时间</label>
										<div class="layui-input-block ">
											<input type="text" readonly='readonly' name="undoutedlyTime" value='' placeholder="请选择评聘时间" autocomplete="off" class="layui-input personInfo-inp undoutedlyTime" id="undoutedlyTime">
										</div>
									</div>
									<!--所在单位-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>所在单位</label>
										<div class="layui-input-block ">
											<input type="text" name="unit" value='' placeholder="请输入所在单位" autocomplete="off" class="layui-input personInfo-inp unit">
										</div>
									</div>
									<!--身份证号-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>身份证号</label>
										<div class="layui-input-block">
											<input type="text" disabled="disabled" name="idCard" value='' placeholder="请输入身份证号" autocomplete="off" class="layui-input personInfo-inp idCard">
										</div>
									</div>
									<!--手机号码-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;">*</span>手机号码</label>
										<div class="layui-input-block">
											<input type="text" name="liaison" onkeyup="this.value=this.value.replace(/\D/g,'')" lay-verify="phone" value='' placeholder="请输入手机号码" autocomplete="off" class="layui-input personInfo-inp liaison">
										</div>
									</div>
									<!--密码-->
									<div class="layui-form-item">
										<label class="layui-form-label"><span style="color: red;float: left;margin-top: 3px;"></span>密码</label>
										<div class="layui-input-block">
											<input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input personInfo-inp password " lay-verify="pass">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">职级</label>
										<div class="layui-input-block">
											<input type="text" name="rank" value='' placeholder="请输入职级" autocomplete="off" class="layui-input personInfo-inp rank">
										</div>
									</div>
									<div class="layui-form-item qr">
										<div style="float: left; width: 80%;">
											<label class="layui-form-label">证件照</label>
											<button type="button" class="layui-btn" id="upHead" style="margin-left: 10px;">上传照片</button>
										</div>
										<div style="float: left; margin-left: 10%;">
											<div class="layui-input-block" style="float: left; margin-left: 10px;"></div>
											<div class="layui-upload" style="float: left;">
												<div class="layui-upload-list">
													<img class="layui-upload-img preViewImage" id="preViewImage" style="width:200px;height:200px;">
													<p id="demoText"></p>
												</div>
											</div>
										</div>
									</div>
									<div class="layui-form-item">
										<div class="layui-input-block  personInfo-cen-blo" style="margin: 0 auto;">
											<button class="layui-btn confirmInfo" data-method="notice" lay-submit lay-filter="pullInfo" style="width: 95%; margin-bottom: 10px; ">确认修改信息,并提交!</button>
											<a class="layui-btn" href="#" id="loginOut" style="width: 95%; margin-bottom: 10px; margin: 0 auto;">退出</a>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

	<script src="static/js/jquery.1.11.1.js"></script>
	<script src="lib/layui/layui.js" charset="utf-8"></script>
	<script src="static/js/weadmin.js"></script>
	<script src="static/js/admin.js"></script>
	<script src="static/js/public.js" type="text/javascript" charset="utf-8"></script>
	<!--理论课记录查询-->
	<script src="pages/canc-instructorSynchio/js/canc-lilunSynchio.js"></script>
	<!--<script type="text/html" id="theoryType">
	<div>
		{{# var fu = function(){ var theoryType = d.theoryType; console.log(theoryType); if(theoryType == 0){return "程序管制";} else if(theoryType == 1){return "机场管制";} else if(theoryType == 2){return "空管基础理论";} else if(theoryType == 3){return "雷达管制";} } }} {{fu()}}
	</div>
</script>-->
	<script>
		var ua = navigator.userAgent.toLowerCase();
		var screenwidth = window.screen.width;
		if(!/iphone|ipad|ipod/.test(ua)) {
			$("#iosiframe").attr("scrolling", "auto");
		} else {
			$('#iosiframe').width(screenwidth * 0.9 + 'px');
		}
	</script>
	<script>
		jQuery(document).ready(function() {
			jQuery(window).load(function() { //load函数
				jQuery("#loading").hide();
			});
		});
	</script>

	<script>
		$(function() {
			$('.bbb').click(function() {
				$('.bbb').attr('class', '');
				//  $('.bbb1').css('background','red');
				$('.aaa').css('display', 'none');
				$(this).attr('class', 'back');
				$('.aaa').eq($(this).index()).css('display', 'block');
				//   $('.bbb').eq($(this).index()).css('background','red');  
			});
		});
	</script>

	<script src="static/js/validate.js"></script>
	<script src="static/js/messages_zh.js"></script>
	<script src="static/js/personInfo.js"></script>

	<script type="text/javascript">
		$("#loginOut").click(function() {
			loginOut();
		})

		function loginOut() {
			layui.use(['upload', 'layer'], function() {
				layui.layer.msg('正在退出...', {
					icon: 16,
					shade: [0.1, '#fff'],
					area: ['240px', '65px']
				})
			})

			var param = {
				stamp: new Date().getTime(),
				version: 0,
				visit_plat: 0,
				visit_type: 0,
				is_used: 0
			};
			var url = path + "/teacher/loginOut";
			$.ajax({
				type: "post",
				url: url,
				dataType: "json",
				data: {
					param: JSON.stringify(param)
				},
				headers: {
					Authorization: sessionStorage.getItem('systoken')
				},
				success: function(data) {
					sessionStorage.clear();
					window.location.href = 'login.html'
				},
				complete: function() {
					layui.use(['form', 'laydate'], function() {
						layui.layer.msg('退出成功', {
							icon: 16,
							shade: [0.1, '#fff'],
							area: ['240px', '65px']
						})
						layui.layer.closeAll('dialog'); //关闭信息框
					})
				},
				error: function(data) {
					sessionStorage.clear();
					window.location.href = 'login.html';
				}
			});
		}
	</script>

	<script>
		var demobg = document.querySelector(".demo-bg");
		var demotxt = document.querySelector(".demo-txt");

		function openDialog() {
			demotxt.style.display = "block";
			demobg.style.display = "block";
		}

		function closeDialog() {
			demotxt.style.display = "none";
			demobg.style.display = "none";
		}
	</script>
	<script>
		layui.use(['upload', 'layer'], function() {
			var systoken = sessionStorage.getItem("systoken");
			var upload = layui.upload;
			var layer = layui.layer;
			var $ = layui.jquery
			var stamp = new Date().getTime();
			var param = Object.assign({
				stamp: stamp
			}, publicParam);
			param = JSON.stringify(param);
			var url = path + "/teacher/upHead";
			var uploadInst = upload.render({
				elem: '#upHead',
				url: url,
				before: function(obj) {
					layer.msg('上传中...', {
						icon: 16,
						shade: [0.1, '#fff'],
						area: ['240px', '65px']
					})
				},
				data: {
					param: param
				},
				done: function(res) {
					layer.closeAll('dialog'); //关闭信息框
					if(res.status == '000') {
						$('#preViewImage').attr('src', res.rows);
					} else {
						return layer.msg('上传失败');
					}
				},
				headers: {
					Authorization: systoken
				},
				async: false,
				error: function() {
					var demoText = $('#demoText');
					demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
					demoText.find('.demo-reload').on('click', function() {
						uploadInst.upload();
					});
				}
			});
		});
	</script>
	<script>
		$(function() {
			$(".tab_menu ul li").click(function() {
				$(this).removeClass("on").siblings().addClass("on");
				/*$(this).addClass("on").siblings().removeClass("on");*/ //切换选中的按钮高亮状态
				var index = $(this).index(); //获取被按下按钮的索引值，需要注意index是从0开始的
				$(".tab_box > div").eq(index).show().siblings().hide(); //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
			});
		});
	</script>

</html>